<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>Cloud Admin Dashboard</title>
		<meta name="description" content="Cloud Admin Panel" />
		<meta name="keywords" content="Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Bootstrap, Light weight Admin Dashboard,Light weight, Light weight Admin, Light weight Dashboard" />
		<meta name="author" content="Bootstrap Gallery" />
		<link rel="shortcut icon" href="img/favicon.ico">
		
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" tppabs="http://bootstrap.gallery/cloudV3/css/bootstrap.min.css" rel="stylesheet" media="screen">

		<!-- Animate CSS -->
		<link href="css/animate.css" tppabs="http://bootstrap.gallery/cloudV3/css/animate.css" rel="stylesheet" media="screen">

		<!-- date range -->
		<link rel="stylesheet" type="text/css" href="css/daterange.css" tppabs="http://bootstrap.gallery/cloudV3/css/daterange.css">

		<!-- Main CSS -->
		<link href="css/main.css" tppabs="http://bootstrap.gallery/cloudV3/css/main.css" rel="stylesheet" media="screen">

		<!-- Slidebar CSS -->
		<link rel="stylesheet" type="text/css" href="css/slidebars.css" tppabs="http://bootstrap.gallery/cloudV3/css/slidebars.css">

		<!-- Font Awesome -->
		<link href="fonts/font-awesome.min.css" tppabs="http://bootstrap.gallery/cloudV3/fonts/font-awesome.min.css" rel="stylesheet">

		<!-- Metrize Fonts -->
		<link href="fonts/metrize.css" tppabs="http://bootstrap.gallery/cloudV3/fonts/metrize.css" rel="stylesheet">

		<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="js/html5shiv.js" tppabs="http://bootstrap.gallery/cloudV3/js/html5shiv.js"></script>
			<script src="js/respond.min.js" tppabs="http://bootstrap.gallery/cloudV3/js/respond.min.js"></script>
		<![endif]-->

	</head>  

	<body>

		<!-- Left sidebar start -->
		<aside id="sidebar">

			<!-- Logo starts -->
			<a href="#" class="logo">
				<img src="img/logo.png" tppabs="http://bootstrap.gallery/cloudV3/img/logo.png" alt="logo">
			</a>
			<!-- Logo ends -->

			<!-- Menu start -->
			<div id='menu'>
				<ul>
					<li class='highlight'>
						<a href="index.html" tppabs="http://bootstrap.gallery/cloudV3/index.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe007;"></div>
							<span>Dashboard</span>
						</a>
					</li>
					<li>
						<a href="graphs.html" tppabs="http://bootstrap.gallery/cloudV3/graphs.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe0f8;"></div>
							<span>Graphs</span>
						</a>
					</li>
					<li class='has-sub'>
						<a href='#'>
							<div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
							<span>Ui Elements</span>
						</a>
						<ul>
							<li>
								<a href="panels.html" tppabs="http://bootstrap.gallery/cloudV3/panels.html">
									<span>Panel &amp; List Groups</span>
								</a>
							</li>
							<li>
								<a href="buttons.html" tppabs="http://bootstrap.gallery/cloudV3/buttons.html">
									<span>Buttons</span>
								</a>
							</li>
							<li>
								<a href="grid.html" tppabs="http://bootstrap.gallery/cloudV3/grid.html">
									<span>Grid</span>
								</a>
							</li>
							<li>
								<a href="ui-elements.html" tppabs="http://bootstrap.gallery/cloudV3/ui-elements.html">
									<span>More</span>
								</a>
							</li>
						</ul>
					</li>
					<li class='has-sub'>
						<a href='#'>
							<div class="fs1" aria-hidden="true" data-icon="&#xe0ab;"></div>
							<span>Forms</span>
						</a>
						<ul>
							<li>
								<a href="form.html" tppabs="http://bootstrap.gallery/cloudV3/form.html">
									<span>Form Elements</span>
								</a>
							</li>
							<li>
								<a href="form-wizard.html" tppabs="http://bootstrap.gallery/cloudV3/form-wizard.html">
									<span>Form Wizards</span>
								</a>
							</li>
							<li>
								<a href="editor.html" tppabs="http://bootstrap.gallery/cloudV3/editor.html">
									<span>Wysihtml Editor</span>
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="gallery.html" tppabs="http://bootstrap.gallery/cloudV3/gallery.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe0e6;"></div>
							<span>Gallery</span>
						</a>
					</li>
					<li>
						<a href="tables.html" tppabs="http://bootstrap.gallery/cloudV3/tables.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe0f2;"></div>
							<span>Tables</span>
						</a>
					</li>
					<li class='has-sub'>
						<a href='#'>
							<div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>
							<span>Bonus Pages</span>
						</a>
						<ul>
							<li>
								<a href="invoice.html" tppabs="http://bootstrap.gallery/cloudV3/invoice.html">
									<span>Invoice</span>
								</a>
							</li>
							<li>
								<a href="calendar.html" tppabs="http://bootstrap.gallery/cloudV3/calendar.html">
									<span>Calendar</span>
								</a>
							</li>
							<li>
								<a href="login.html" tppabs="http://bootstrap.gallery/cloudV3/login.html">
									<span>Login</span>
								</a>
							</li>
							<li>
								<a href="404.html" tppabs="http://bootstrap.gallery/cloudV3/404.html">
									<span>404</span>
								</a>
							</li>
							<li>
								<a href="default.html" tppabs="http://bootstrap.gallery/cloudV3/default.html">
									<span>Default</span>
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="maps.html" tppabs="http://bootstrap.gallery/cloudV3/maps.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe089;"></div>
							<span>Vector Maps</span>
						</a>
					</li>
					<li>
						<a href="notifications.html" tppabs="http://bootstrap.gallery/cloudV3/notifications.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe0e9;"></div>
							<span>Notifications</span>
						</a>
					</li>
					<li>
						<a href="typography.html" tppabs="http://bootstrap.gallery/cloudV3/typography.html">
							<div class="fs1" aria-hidden="true" data-icon="&#xe019;"></div>
							<span>Typography</span>
						</a>
					</li>
				</ul>
			</div>
			<!-- Menu End -->

			<!-- Extras starts -->
			<div class="extras">
				<div class="ex-wrapper">
					<div class="alert alert-info">
						<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
					</div>
				</div>
			</div>
			<!-- Extras ends -->

		</aside>
		<!-- Left sidebar end -->

		<!-- Dashboard Wrapper Start -->
		<div class="dashboard-wrapper">

			<!-- Header start -->
			<header>
				<ul class="pull-left" id="left-nav">
					<li class="hidden-lg hidden-md hidden-sm">
						<div class="logo-mob clearfix">
							<h2><div class="fs1" aria-hidden="true" data-icon="&#xe0db;"></div><span>Cloud Admin</span></h2>
						</div>
					</li>
					<li>
						<div class="custom-search hidden-sm hidden-xs pull-left">
							<input type="text" class="search-query" placeholder="Search here">
							<i class="fa fa-search"></i>
						</div>
					</li>
				</ul>
				<div class="pull-right">
					<ul id="mini-nav" class="clearfix">
						<li class="list-box hidden-xs">
							<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
								<div class="fs1" aria-hidden="true" data-icon="&#xe129;"></div>
							</a>
							<span class="info-label red-bg animated rubberBand">7</span>
							<ul class="dropdown-menu flipInX animated messages">
								<li class="dropdown-header">You have 7 messages</li>
								<li>
									<div class="icon">
										<img src="img/admin10.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin10.png" alt="Browser">
									</div>
									<div class="details">
										<strong class="text-danger">Willams</strong>
										<span>Firefox is a free, open-source web browser from Mozilla.</span>
									</div>
								</li>
								<li>
									<div class="icon">
										<img src="img/admin6.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin6.png" alt="Browser">
									</div>
									<div class="details">
										<strong class="text-info">Sunny</strong>
										<span>Internet Explorer is a free web browser from Microsoft.</span>
									</div>
								</li>
								<li>
									<div class="icon">
										<img src="img/admin3.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin3.png" alt="Browser">
									</div>
									<div class="details">
										<strong class="text-info">James</strong>
										<span>Safari is known for its sleek design and ease of use.</span>
									</div>
								</li>
							</ul>
						</li>
						<li class="list-box hidden-xs">
							<a id="drop2" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
								<div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div>
							</a>
							<span class="info-label blue-bg animated rubberBand">3</span>
							<ul class="dropdown-menu fadeInUp animated messages">
								<li class="dropdown-header">Recent Chat</li>
								<div class="chats clearfix">
									<p class="chat them">
									James, I'm going to be a little late.
									</p>
									<p class="chat me">
									S'Okay, Dude. You know your lines...?
									</p>
									<p class="chat them">
									I know em, I don't know what order they come in...
									</p>
									<p class="chat me">
									We'll work it out...
									</p>
								</div>
							</ul>
						</li>
						<li class="list-box hidden-xs dropdown">
							<a id="drop3" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
								<div class="fs1" aria-hidden="true" data-icon="&#xe0ca;"></div>
							</a>
							<span class="info-label green-bg animated rubberBand">6</span>
							<ul class="flipInX animated dropdown-menu stats-widget clearfix">
							<li>
								<h5 class="text-success">$37895</h5>
								<p>Revenue <span class="text-success">+2%</span></p>
								<div class="progress progress-xs">
									<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
										<span class="sr-only">40% Complete (success)</span>
									</div>
								</div>
							</li>
							<li>
								<h5 class="text-info">47,892</h5>
								<p>Downloads <span class="text-info">+39%</span></p>
								<div class="progress progress-xs">
									<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
										<span class="sr-only">40% Complete (info)</span>
									</div>
								</div>
							</li>
							<li>
								<h5 class="text-danger">28214</h5>
								<p>Uploads <span class="text-danger">-7%</span></p>
								<div class="progress progress-xs">
									<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
										<span class="sr-only">40% Complete (danger)</span>
									</div>
								</div>
							</li>
						</ul>
						</li>
						<li class="list-box hidden-xs dropdown">
							<a id="drop1" href="#" role="button" class="dropdown-toggle current-user" data-toggle="dropdown">
								Sandy <b class="caret"></b>
							</a>
							<ul class="dropdown-menu sm fadeInUp animated messages">
								<li class="dropdown-content">
									<a href="#">Edit Profile</a>
									<a href="#">Change Password</a>
									<a href="#">Settings</a>
									<a href="login.html'" tppabs="http://bootstrap.gallery/cloudV3/login.html">Logout</a>
								</li>
							</ul>
						</li>
						<li class="list-box hidden-lg hidden-md hidden-sm" id="mob-nav">
							<a href="#">
								<i class="fa fa-reorder"></i>
							</a>
						</li>
					</ul>
				</div>
			</header>
			<!-- Header ends -->

			<!-- Right sidebar start -->
			<div class="sb-slidebar sb-right sb-close">

				<!-- User Profile Start -->
        <section class="user-profile">
          <div class="profile-container">
            <img src="img/admin1.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin1.png" class="user-img" alt="User Image">
            <div class="desc">
              <h4>John Doe</h4>
              <p class="text-info">UX Designer</p>
            </div>
          </div>
          <ul class="ftr-link">
            <li>
              <a href="javascript:;">
                <div class="fs1" aria-hidden="true" data-icon="&#xe033;"></div>985
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0b9;"></div> 999
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div> 143
              </a>
            </li>
          </ul>
        </section>
        <!-- User Profile End -->

        <!-- Online Users start -->
        <div class="block">
          <div class="heading">Users Online</div>
          <div class="wrapper">
            <!-- Online Users Start -->
            <ul class="online-users">
              <li>
                <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                  <span>Sunny</span>
                  <div class="user-status online"></div>
                </a>
              </li>
              <li>
                <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                  <span>Henrik</span>
                  <div class="user-status online"></div>
                </a>
              </li>
              <li>
                <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                  <span>John Doe</span>
                  <div class="user-status busy"></div>
                </a>
              </li>
              <li>
                <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                  <span>Fleming</span>
                  <div class="user-status away"></div>
                </a>
              </li>
              <li>
                <a href="" data-lastname="Sandhya" data-status="online" data-original-title="">
                  <span>Wills</span>
                  <div class="user-status"></div>
                </a>
              </li>
            </ul>
            <!-- Online Users End -->
          </div>
        </div>
        <!-- Online Users end -->

        <!-- Checkout start -->
        <div class="block">
          <div class="heading">Checkout</div>
          <ul class="cart">
            <li class="cart-item">
              <span class="cart-item-pic">
                <img src="img/admin2.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin2.png" alt="EarthSquare">
              </span>
              Item #1
              <span class="cart-item-desc">Description</span>
              <span class="cart-item-price">$16.80</span>
            </li>
            <li class="cart-item">
              <span class="cart-item-pic">
                <img src="img/admin4.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin4.png" alt="EarthSquare">
              </span>
              Item #2
              <span class="cart-item-desc">Description</span>
              <span class="cart-item-price">$15.00</span>
            </li>
            <li class="cart-item">
              <span class="cart-item-pic">
                <img src="img/admin8.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin8.png" alt="EarthSquare">
              </span>
              Item #3
              <span class="cart-item-desc">Description</span>
              <span class="cart-item-price">$23.00</span>
            </li>
          </ul>
          <div class="cart-bottom">
            Total: $54.80
            <a href="#" class="cart-button">Continue</a>
          </div>
        </div>
        <!-- Checkout end -->

        <!-- Notifications Start -->
        <div class="block">
          <div class="heading">Notifications</div>
          <!-- Notifications -->
          <ul class="infos">
            <li>
              <span class="label label-success pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe128;"></div>
              </span>
              <div class="info">
                <h6>Guru Tweeted</h6>
                <p class="designation">Few seconds ago</p>
              </div>
            </li>
            <li>
              <span class="label label-danger pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e9;"></div>
              </span>
              <div class="info">
                <h6>Server #999 Crashed</h6>
                <p class="designation">2 minutes ago</p>
              </div>
            </li>
            <li>
              <span class="label label-info pull-left">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0e3;"></div>
              </span>
              <div class="info">
                <h6>Kiri's account was created</h6>
                <p class="designation">5 days ago</p>
              </div>
            </li>
          </ul>
        </div>
        <!-- Notifications End -->

			</div>
			<!-- Right sidebar end -->

			<!-- Main Container Start -->
			<div class="main-container">

				<!-- Top Bar Starts -->
				<div class="top-bar clearfix">
					<div class="page-title">
						<h4><div class="fs1" aria-hidden="true" data-icon="&#xe007;"></div>Dashboard</h4>
					</div>
					<ul class="right-stats hidden-xs" id="mini-nav-right">
						<li class="reportrange btn btn-success">
							<i class="fa fa-calendar"></i>
							<span></span> <b class="caret"></b>
						</li>
						<li>
							<a href="#" class="btn btn-info sb-open-right  sb-close">
								<div class="fs1" aria-hidden="true" data-icon="&#xe06a;"></div>
							</a>
						</li>
					</ul>
				</div>
				<!-- Top Bar Ends -->

				<!-- Container fluid Starts -->
				<div class="container-fluid">

					<!-- Spacer starts -->
					<div class="spacer-xs">
						<!-- Row Starts -->
						<div class="row no-gutter">
							<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
								<div class="panel">
									<div class="panel-heading">
										<h4>Sales</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-shopping-cart"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div class="daily-stats">
											<h1 class="number">
												$45959
											</h1>
											<p class="avg">Total</p>
											<ul class="details">
												<li>
													<h4 class="num">1795</h4>
													<small>Customers</small>
												</li>
												<li>
													<h4 class="num">125</h4>
													<small>Products</small>
												</li>
												<li>
													<h4 class="num">8291</h4>
													<small>Orders</small>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
								<div class="panel">
									<div class="panel-heading">
										<h4>Conversion Rate</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-line-chart"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div class="daily-stats">
											<h1 class="number primary">
												79<sup>%</sup>
											</h1>
											<p class="avg">Total</p>
											<div class="progress progress-sm">
												<div class="progress-bar progress-bar-success" style="width: 40%">
												</div>
												<div class="progress-bar progress-bar-primary" style="width: 60%">
												</div>
											</div>
											<ul class="min-max">
												<li>
													<h4 class="num"><small>Min</small>2579</h4>
												</li>
												<li>
													<h4 class="num"><small>Max</small>4475</h4>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
								<div class="panel">
									<div class="panel-heading">
										<h4>Demography</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-mars-double"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div class="daily-stats">
											<h1 class="number primary">
												72957
											</h1>
											<p class="avg">Average</p>
											<ul class="demography">
												<li>
													<i class="fa fa-male text-info"></i>
													<h4 class="num">47239 <small>Male</small></h4>
												</li>
												<li>
													<i class="fa fa-female text-pink"></i>
													<h4 class="num">21925 <small>Female</small></h4>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->

						<!-- Row Starts -->
						<div class="row no-gutter">
							<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
								<div class="panel">
									<div class="panel-heading">
										<h4>Statistics</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-expand"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div id="combineChart" class="chart-height"></div>
										<hr class="hidden-xs">
										<div class="row hidden-xs">
											<div class="col-md-3 col-sm-3 col-xs-3 center-align-text">
												<h3 class="no-margin no-padding">23373</h3>
												<small class="text-muted">Orders</small>
											</div>
											<div class="col-md-3 col-sm-3 col-xs-3 center-align-text">
												<h3 class="no-margin no-padding">5575</h3>
												<small class="text-muted">Products</small>
											</div>
											<div class="col-md-3 col-sm-3 col-xs-3 center-align-text">
												<h3 class="no-margin no-padding">1189</h3>
												<small class="text-muted">Customers</small>
											</div>
											<div class="col-md-3 col-sm-3 col-xs-3 center-align-text">
												<h3 class="no-margin no-padding">$5854</h3>
												<small class="text-muted">Income</small>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
								<div class="panel">
									<div class="panel-heading">
										<h4>Social Mertics</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-bar-chart"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<ul class="progress-stats">
											<li>
												<div class="details">
													<span>Foreign Visits</span>
													<span class="pull-right">70%</span>
												</div>
												<div class="progress progress-sm no-margin">
													<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
														<span class="sr-only">70% Complete (success)</span>
													</div>
												</div>
											</li>
											<li>
												<div class="details">
													<span>Local Visits</span>
													<span class="pull-right">40%</span>
												</div>
												<div class="progress progress-sm no-margin">
													<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
														<span class="sr-only">40% Complete</span>
													</div>
												</div>
											</li>
											<li>
												<div class="details">
													<span>Other Visits</span>
													<span class="pull-right">30%</span>
												</div>
												<div class="progress progress-sm no-margin">
													<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
														<span class="sr-only">30% Complete (warning)</span>
													</div>
												</div>
											</li>
											<li class="half-width">
												<div class="details">
													<span>Today</span>
													<span class="pull-right">30%</span>
												</div>
												<div class="progress progress-sm no-margin">
													<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
														<span class="sr-only">30% Complete (danger)</span>
													</div>
												</div>
											</li>
											<li class="half-width left-margin">
												<div class="details">
													<span>Yesterday</span>
													<span class="pull-right">70%</span>
												</div>
												<div class="progress progress-sm no-margin">
													<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
														<span class="sr-only">70% Complete (danger)</span>
													</div>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->

						<!-- Row start -->
						<div class="row no-gutter">
							<div class="col-md-4 col-sm-6 col-sx-12">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4>ToDos</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-tasks"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div class="tasks">
											<fieldset class="tasks-list">
												<label class="tasks-list-item">
													<input type="checkbox" name="task_1" value="1" class="tasks-list-cb" checked>
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">Attend Research Seminar</span>
												</label>
												<label class="tasks-list-item">
													<input type="checkbox" name="task_2" value="1" class="tasks-list-cb" checked>
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">Social Media Workshop</span>
												</label>
												<label class="tasks-list-item">
													<input type="checkbox" name="task_3" value="1" class="tasks-list-cb">
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">Pick up Kids @ 3pm</span>
												</label>
												<label class="tasks-list-item">
													<input type="checkbox" name="task_4" value="1" class="tasks-list-cb">
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">Skype Call 7pm</span>
												</label>
												<label class="tasks-list-item">
													<input type="checkbox" name="task_5" value="1" class="tasks-list-cb">
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">The power of Habit</span>
												</label>
												<label class="tasks-list-item">
													<input type="checkbox" name="task_6" value="1" class="tasks-list-cb">
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">Attend Birthday party</span>
												</label>
												<label class="tasks-list-item">
													<input type="checkbox" name="task_7" value="1" class="tasks-list-cb">
													<span class="tasks-list-mark"></span>
													<span class="tasks-list-desc">Meet Mr. John</span>
												</label>
											</fieldset>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-4 col-sm-6 col-sx-12">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4>Chats</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-comment-o"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<ul class="chat">
											<li class="in">
												<img class="avatar" alt="" src="img/admin11.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin11.png">
												<div class="message">
													<span class="arrow">
													</span>
													<a href="#" class="name">
														Sandy
													</a>
													<span class="date-time">
														at Feb 10th, 2015 10:22
													</span>
													<span class="body body-grey">
														Raw denim you probably haven't heard.
													</span>
												</div>
											</li>
											<li class="out">
												<img class="avatar" alt="" src="img/admin8.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin8.png">
												<div class="message">
													<span class="arrow">
													</span>
													<a href="#" class="name">
														Hudson
													</a>
													<span class="date-time">
														at Feb 10th, 2015 03:34
													</span>
													<span class="body body-blue">
														Next level veard stumptown, cardigans.
													</span>
												</div>
											</li>
											<li class="in">
												<img class="avatar" alt="" src="img/admin5.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin5.png">
												<div class="message">
													<span class="arrow">
													</span>
													<a href="#" class="name">
														Kelly
													</a>
													<span class="date-time">
														at Feb 8th, 2015 02:29
													</span>
													<span class="body body-grey">
														Beard stumptown farm-to-table denim coffee viral.
													</span>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-4 col-sm-12 col-sx-12">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4>Tweets</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-twitter"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div class="tweets-container">

											<div class="tweet-box">
												<img class="avatar" alt="" src="img/admin2.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin2.png">
												<div class="tweet">
													<p>
														<span>@sri</span> mentioned you
													</p>
													<p>
														<span>@ha haa</span> Cultivate synergies?
													</p>
													<div class="icons-nav clearfix">
														<span class="time">2mins ago</span>
														<i class="icon-trash"></i>
													</div>
												</div>
											</div>
											
											<div class="tweet-box">
												<img class="avatar" alt="" src="img/admin1.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin1.png">
												<div class="tweet">
													<p>
														<span>@sandy</span> mentioned you
													</p>
													<p>
														<span>@ha haa</span> Latform cultivate?
													</p>
													<div class="icons-nav clearfix">
														<span class="time">9 hours ago</span>
														<i class="icon-trash"></i>
													</div>
												</div>
											</div>
											
											<div class="tweet-box no-margin">
												<img class="avatar" alt="" src="img/admin3.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin3.png">
												<div class="tweet">
													<p>
														<span>@haasini</span> mentioned you
													</p>
													<p>
														<span>@ha haa</span> Eyeballs atformsvate?
													</p>
													<div class="icons-nav clearfix">
														<span class="time">3 days ago</span>
														<i class="icon-trash"></i>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Row end -->

						<!-- Row start -->
						<div class="row no-gutter">
							<div class="col-md-8 col-sm-12 col-sx-12">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4>Table</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-navicon"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<div class="table-responsive">
											<table class="table table -bordered no-margin">
												<thead>
													<tr>
														<th style="width:20%">
															Departure
														</th>
														<th style="width:15%">
															Duration
														</th>
														<th style="width:15%">
															Arrival
														</th>
														<th style="width:20%">
															Airlines
														</th>
														<th style="width:20%">
															Price
														</th>
														<th style="width:10%">
															&nbsp;
														</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>6:40 AM</td>
														<td>1h 5m</td>
														<td>7:45 AM</td>
														<td>Indigo</td>
														<td>$ 1220</td>
														<td>
															<a href="#" class="label label-success">View</a>
														</td>
													</tr>
													<tr>
														<td>10:40 PM</td>
														<td>2h 12m</td>
														<td>12:57 AM</td>
														<td>Jet Airways</td>
														<td>$ 1325</td>
														<td>
															<a href="#" class="label label-success">View</a>
														</td>
													</tr>
													<tr>
														<td>3:30 AM</td>
														<td>1h 25m</td>
														<td>4:55 AM</td>
														<td>Air India</td>
														<td>$ 2550</td>
														<td>
															<a href="#" class="label label-success">View</a>
														</td>
													</tr>
													<tr>
														<td>4:20 Am</td>
														<td>1h 45m</td>
														<td>9:25 AM</td>
														<td>Jet Airways</td>
														<td>$ 1725</td>
														<td>
															<a href="#" class="label label-success">View</a>
														</td>
													</tr>
													<tr>
														<td>6:55 AM</td>
														<td>3h 45m</td>
														<td>3:35 AM</td>
														<td>Air India</td>
														<td>$ 5540</td>
														<td>
															<a href="#" class="label label-success">View</a>
														</td>
													</tr>
													<tr>
														<td>8:15 AM</td>
														<td>5h 35m</td>
														<td>1:25 AM</td>
														<td>Emirates</td>
														<td>$ 3325</td>
														<td>
															<a href="#" class="label label-success">View</a>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-4 col-sm-12 col-sx-12">
								<div class="panel panel-default">
									<div class="panel-heading">
										<h4>Feeds</h4>
										<ul class="links">
											<li>
												<a href="#">
													<i class="fa fa-bullhorn"></i>
												</a>
											</li>
										</ul>
									</div>
									<div class="panel-body">
										<ul id="myTab" class="nav nav-tabs">
											<li class="active">
												<a href="#activites" data-toggle="tab" data-original-title="">Activites</a>
											</li>
											<li class="">
												<a href="#signups" data-toggle="tab" data-original-title="">Signups</a>
											</li>
											<li class="">
												<a href="#online" data-toggle="tab" data-original-title="">Online</a>
											</li>
										</ul>
										<br>
										<div id="myTabContent" class="tab-content">
											<div class="tab-pane fade active in" id="activites">
												<div id="scrollbar">
													<div class="scrollbar">
														<div class="track">
															<div class="thumb">
																<div class="end">
																</div>
															</div>
														</div>
													</div>
													<div class="viewport">
														<div class="overview">
															<div class="featured-articles">
																<div class="articles">
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Raw denim you probably
																		<span class="date">12th Nov @1:45am/8 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Reprehenderit butcher
																		<span class="date">11th Nov @3:21pm/21 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Skateboard dolor brunch
																		<span class="date">11th Nov @11:19am/15 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		accusam/3 Commentsus terry richardson
																		<span class="date">10th Nov @8:12am/13 Comments</span>

																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Mashups experiences
																		<span class="date">09th Nov @1:59pm/12 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Terry richardson ad squid
																		<span class="date">6th Nov @10:44am/16 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Reinvent cutting
																		<span class="date">2nd Nov @11:19am/1 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		partnerships 24/7
																		<span class="date">2nd Nov @11:19am/19 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Eyeballs frictionless
																		<span class="date">1st Nov @9:19am/21 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Deliver innovate
																		<span class="date">1st Nov @8:19pm/11 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Portals technologies
																		<span class="date">29th Oct @12:19am/7 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Collaborative innovate
																		<span class="date">29th Oct @3:31am/5 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Mashups experiences
																		<span class="date">27th Oct @12:19am/2 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Need some interesting
																		<span class="date">26th Oct @2:33am/9 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Portals technologies
																		<span class="date">25th Oct @9:37pm/3 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Collaborative innovate
																		<span class="date">25th Oct @12:19am/7 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Mashups experiences
																		<span class="date">23rd Oct @8:39am/43 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		B2B plug and play
																		<span class="date">22nd Oct @7:19pm/21 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Need interesting
																		<span class="date">20th Oct @1:19am/13 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Portals technologies
																		<span class="date">20th Oct @6:55am/22 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Collaborative innovate
																		<span class="date">19th Oct @9:47am/36 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Portals technologies
																		<span class="date">17th Oct @3:57pm/4 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Collaborative innovate
																		<span class="date">16th Oct @12:19am/8 Comments</span>
																	</a>
																	<a href="#">
																		<span class="label-bullet">
																			&nbsp;
																		</span>
																		Mashups experiences
																		<span class="date">12th Oct @8:22am/1 Comments</span>
																	</a>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="tab-pane fade" id="signups">
												<ul class="signups">
													<li>
														<div class="user pull-left">
															<img src="img/admin2.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin2.png" alt="user" >
														</div>
														<div class="info">
															<h6>Sandy</h6>
															<p class="designation">Graphic Designer</p>
														</div>
													</li>
													<li>
														<div class="user pull-left">
															<img src="img/admin1.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin1.png" alt="user" >
														</div>
														<div class="info">
															<h6>Srinu Basava</h6>
															<p class="designation">UI Designer</p>
														</div>
													</li>
													<li>
														<div class="user pull-left">
															<img src="img/admin8.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin8.png" alt="user" >
														</div>
														<div class="info">
															<h6>Honey</h6>
															<p class="designation">Haker</p>
														</div>
													</li>
													<li>
														<div class="user pull-left">
															<img src="img/admin9.png" tppabs="http://bootstrap.gallery/cloudV3/img/admin9.png" alt="user" >
														</div>
														<div class="info">
															<h6>Rahul Dravid</h6>
															<p class="designation">Senior Developer</p>
														</div>
													</li>
												</ul>
											</div>
											<div class="tab-pane fade" id="online">
												<ul class="online-users">
													<li>
														<a href="" data-lastname="Sandy" data-status="online">
															<span>Sandy</span>
															<div class="user-status online"></div>
														</a>
													</li>
													<li>
														<a href="" data-lastname="Srinu Basava" data-status="online">
															<span>Srinu</span>
															<div class="user-status online"></div>
														</a>
													</li>
													<li>
														<a href="" data-lastname="John Doe" data-status="online">
															<span>John Doe</span>
															<div class="user-status busy"></div>
														</a>
													</li>
													<li>
														<a href="" data-lastname="Steve Waugh" data-status="online">
															<span>Steve Waugh</span>
															<div class="user-status away"></div>
														</a>
													</li>
													<li>
														<a href="" data-lastname="Robin Fleming" data-status="online">
															<span>Robin Fleming</span>
															<div class="user-status away"></div>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Row end -->

					</div>
					<!-- Spacer ends -->

				</div>
				<!-- Container fluid ends -->

			</div>
			<!-- Main Container Start -->

			<!-- Footer Start -->
			<footer>
				Copyright Cloud Admin <span>2015</span>. All Rights Reserved.
			</footer>
			<!-- Footer end -->
			
		</div>
		<!-- Dashboard Wrapper End -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.js" tppabs="http://bootstrap.gallery/cloudV3/js/jquery.js"></script>

		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js" tppabs="http://bootstrap.gallery/cloudV3/js/bootstrap.min.js"></script>

		<!-- Flot Charts -->
		<script src="js/flot/jquery.flot.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/jquery.flot.js"></script>
		<script src="js/flot/jquery.flot.time.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/jquery.flot.time.js"></script>
		<script src="js/flot/jquery.flot.selection.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/jquery.flot.selection.js"></script>
		<script src="js/flot/jquery.flot.resize.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/jquery.flot.resize.js"></script>
		<script src="js/flot/jquery.flot.tooltip.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/jquery.flot.tooltip.js"></script>
		<script src="js/flot/flot.excanvas.min.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/flot.excanvas.min.js"></script>

		<!-- Custom flot JS -->
		<script src="js/flot/custom/combine-chart.js" tppabs="http://bootstrap.gallery/cloudV3/js/flot/custom/combine-chart.js"></script>

		<!-- Animated Right Sidebar -->
		<script src="js/slidebars.js" tppabs="http://bootstrap.gallery/cloudV3/js/slidebars.js"></script>

		<!-- Tyny Scrollbar -->
		<script src="js/tiny-scrollbar.js" tppabs="http://bootstrap.gallery/cloudV3/js/tiny-scrollbar.js"></script>

		<!-- Date Range -->
		<script src="js/daterange/moment.js" tppabs="http://bootstrap.gallery/cloudV3/js/daterange/moment.js"></script>
		<script src="js/daterange/daterangepicker.js" tppabs="http://bootstrap.gallery/cloudV3/js/daterange/daterangepicker.js"></script>

		<!-- Custom JS -->
		<script src="js/custom.js" tppabs="http://bootstrap.gallery/cloudV3/js/custom.js"></script>
		<script src="js/custom-index.js" tppabs="http://bootstrap.gallery/cloudV3/js/custom-index.js"></script>
	</body>
</html>
